<template>
	<van-swipe class="my-swipe" :autoplay="3000" indicator-color="white">
	  <van-swipe-item><img src="./imgs/banner1.jpg" /></van-swipe-item>
	  <van-swipe-item><img src="./imgs/banner2.jpg" /></van-swipe-item>
	  <van-swipe-item><img src="./imgs/banner3.jpg" /></van-swipe-item>
	  <van-swipe-item><img src="./imgs/banner4.jpg" /></van-swipe-item>
	</van-swipe>
</template>

<script>
import Vue from 'vue';
import { Swipe, SwipeItem } from 'vant';
Vue.use(Swipe);
Vue.use(SwipeItem);


export default{
	name:'hq-swiper'
}

</script>

<style>
   .my-swipe .van-swipe-item {
      color: #fff;
      font-size: 20px;
      line-height: 150px;
      text-align: center;
      background-color: #39a9ed;
    }
	.my-swipe .van-swipe-item img{
		display: block;
		width: 100%;
		/* height: 100%; */
	}
</style>
